<template>

<div class="header">

    <!-- <div class="header-left"><i class="iconfont">&#xe624;</i></div> -->
<input type="text" placeholder="景点/目的地/主题"  class="header-input">
    <div class="header-right"> <router-link to="/city">{{this.$store.state.city}}</router-link></div>
   
</div>

    
</template>


<script>
export default {
    name:'HomeHeader',
    data(){
        return{
            msg:'111'
        }
    }
}
</script>


<style lang="stylus" scoped >

    @import '~@/assets/styles/varibles.styl'
    @import '~@/assets/styles/mixins.styl'
 
    .header
        display:flex
        background:$bgColor
        line-height:44px
        color:#fff
        .header-input
            flex :1
            background:#fff
            border-radius:3px
            margin-top:7px
            margin-left:10px
            height:30px
            line-height:30px
            padding left 12px
            padding-left:10px
        .header-right
            width:40px
            float:right
            margin-right:10px
            margin-left:8px
            text-align:center
            ellipsis()
            a
                color:#fff
                
            .iconfont
                margin-left:5px

</style>
